6.21.2011

Cara membuat bintang berkedip ketika kursor mendekati Link


Kali ini saya coba sampaikan Tips and Trik Blog, bagaimana cara membuat effect bintang berkedip ketika kursor ditujukan ke link. Biar kelihatan makin keren dong...!!
Berikut adalah langkah-langkahnya :
1. Seperti biasa kita login dulu di blogger.
2. Klik tata letak / rancangan.
3. Edit HTML.. cari kode </head>
4. Letakkan kode di bawah ini tepat diatas kode tadi
Untuk yang bintangnya warna putih :
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTSQQsA7GMT_JVKWNsHkatTsxrtj71QWLuQYdFxc7L4xACF8Z4cxJvibO5nsrpre-M8YcIOdPNC1tgkp0cLcI8hj9VDf6hxez5GHLg8i7zFrdJc0Tt9oHERLCafVo5dW3dnx2hEDkWC0/s1600/blink.gif); }
</style>


Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD64XtCyvUNI_FdLmC8Cs0SlszlfvXBzZWNCmWV_vNEBcM301kHtLHl6IdOa33PVCCq1MeAf9HXTPFzt5k0WAEtLsNi4FfnS1foFk8wLTMuHdiyYAabbwVP5exwH0Hzr1vMBU0K9sxQwU/s1600/str4.gif


Kemudian SAVE.... dan lihatlah hasilnya.


SEMOGA BERMANFAAT

Silahkan Baca Artikel Lainnya juga

2 komentar:

Darmawan Saputra mengatakan...

terima kasih infonya sob.
sungguh kreatif sekali dan template blog anda simple.
dan sepertinya anda mempunyai kelebihan tersendiri.
bila ada waktu saya akan berkunjung lagi sob :)


#Semoga Sehat Selalu :)

Afiq I Junaidi mengatakan...

Thanks gan,,, dari tadi nyari gk ada yang cocok,, tpi yg ini cocok....

Posting Komentar

BANNER SOHIB

TUKER LINK

 
go belajar mandiri powered by Blogger.com | Agus Mulyana